
@for $i from 1 through 100 {
	.w-#{$i}{
		width: #{$i + '%'};
	}
	.h-#{$i}{
		height: #{$i + '%'};
	}
	.line-h-#{$i}{
		line-height: #{$i*2}rpx;
	}
	
	.font-#{$i}{
		font-size: #{$i*2}rpx;
	}
	
	.p-#{$i}{
		padding: #{$i*2}rpx;
	}
	.p-t-#{$i}{
		padding-top: #{$i*2}rpx;
	}
	.p-b-#{$i}{
		padding-bottom: #{$i*2}rpx;
	}
	.p-l-#{$i}{
		padding-left: #{$i*2}rpx;
	}
	.p-r-#{$i}{
		padding-right: #{$i*2}rpx;
	}
	.p-x-#{$i}{
		padding-left: #{$i*2}rpx;
		padding-right: #{$i*2}rpx;
	}
	.p-y-#{$i}{
		padding-top: #{$i*2}rpx;
		padding-bottom: #{$i*2}rpx;
	}
	
	.m-#{$i}{
		margin: #{$i*2}rpx;
	}
	.m-t-#{$i}{
		margin-top: #{$i*2}rpx;
	}
	.m-b-#{$i}{
		margin-bottom: #{$i*2}rpx;
	}
	.m-l-#{$i}{
		margin-left: #{$i*2}rpx;
	}
	.m-r-#{$i}{
		margin-right: #{$i*2}rpx;
	}
	.m-x-#{$i}{
		margin-left: #{$i*2}rpx;
		margin-right: #{$i*2}rpx;
	}
	.m-y-#{$i}{
		margin-top: #{$i*2}rpx;
		margin-bottom: #{$i*2}rpx;
	}
}